<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Dashboard">
    <title>STSHOP</title>
    
    <!-- Bootstrap core CSS -->
    <!-- <link href="template/assets/css/bootstrap.min.css" rel="stylesheet"> -->
    <link href="http://cdn.stosz.com/bootstrap/bootstrap.min.css?v=1.2" rel="stylesheet">
    <!--external css-->
    <!-- <link href="template/assets/font-awesome/css/font-awesome.css" rel="stylesheet" /> -->
    
    <!-- Custom styles for this template -->
    <!-- <link href="template/assets/css/style.css" rel="stylesheet"> -->
    <link rel="stylesheet" href="http://cdn.stosz.com/style/style.min.css?v=1.2">
    <!-- <link href="template/assets/css/style-responsive.css" rel="stylesheet"> -->
    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<div id="login-page">
    <div class="container">
        <form class="form-login" action="index.php?" method="post">
            <input type="hidden" name="act" value="login">
            <h2 class="form-login-heading">后台登录</h2>
            <div class="login-wrap">
                {% if error %}
               <p class="text-danger bg-warning">{{ error }}</p>
                {% endif %}
                <input type="text" name='email' class="form-control" placeholder="邮箱" autofocus required>
                <br>
                <input type="password" name="password" class="form-control" placeholder="密码" required>
                 <br/>
                <button class="btn btn-theme btn-block" type="submit">  登 录 </button>
                <hr>
            </div>
        </form>
    </div>
</div>

<!-- js placed at the end of the document so the pages load faster -->
<!-- <script src="template/assets/js/jquery.js"></script> -->
<script src="http://cdn.stosz.com/javascript/jquery-1.8.3.min.js"></script>
<!-- <script src="template/assets/js/bootstrap.min.js"></script> -->

<!--BACKSTRETCH-->
<!-- You can use an image of whatever size. This script will stretch to fit in any screen size.-->
<!-- <script type="text/javascript" src="template/assets/js/jquery.backstretch.min.js"></script> -->
<script type="text/javascript" src="http://cdn.stosz.com/javascript/jquery.backstretch.min.js"></script>
<script>
    $.backstretch("http://cdn.stosz.com/images/login-bg.jpg", { speed: 500 });
</script>
<style type="text/css">
    .backstretch {
        background-color: #333;
    }
</style>


</body>
</html>
